<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="Description" content="页面描述" />
	<meta name="Keywords" content="页面关键字" />
	<meta name="viewport" content="width=640,minimum-scale=0,maximum-scale=5,user-scalable=no">
	<script>
		if (navigator.appVersion.indexOf('Android') != -1) {
			document.addEventListener("DOMContentLoaded", function (e) {
				document.querySelector('body').style.zoom = e.target.activeElement.clientWidth / 640;
			});
		}
	</script>
	<title>投诉</title>
	<link href="css/common.css" rel="stylesheet">
</head>
<body>
	<div class="complaints">
		<section class="complaints-numbering bb">订单编号：6342576575</section>
		<section class="complaints-textarea bb">
			<textarea placeholder="请输入投诉内容，我们会根据您的投诉内容进行核实。"></textarea>
		</section>
	</div>
	<a href="javascript:popShow('.pop')" class="invite-fiexd bt co1">提交投诉</a>
	<section class="pop">
		<div class="pop-rule">
			<p class="pop-rule-title tc">投诉处理</p>
			<ul>
				<li>您的投诉我们已经受理，将在七个工作日内给您答复。请耐心等待。</li>
			</ul>
		</div>
		<a href="javascript:popHide();" class="pop-dete">确定</a>
	</section>
</body>
<script src="js/zepto.min.js"></script>
<script>
	//弹窗
	function popShow(id) {
		var p = $(id);
		if (p) {
			p.show();
			p.css({
				position: 'fixed',
				top: '50%',
				left: '50%',
				marginTop: -p.height() / 2,
				marginLeft: -p.width() / 2,
				zIndex: 1000
			});
			p.attr('for', 'pop');
			$('body').append('<div for="overlay" style="width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:rgba(0,0,0,0.6);"></div>');
		}
	}
	function popHide(){
		$('[for="pop"]').hide();
		$('[for="overlay"]').remove();
	}
</script>
</html>